#loading-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  z-index: 1;
}
#loading {
  position: absolute;
  top: 40%;
  left: 45%;
  z-index: 2;
}
#loading SPAN {
  background: url('img/loader.gif') no-repeat left center;
  padding: 5px 30px;
  display: block;
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  color: #444444;
  font-size: 12px;
}

div.olLayerGoogleCopyright, div.olLayerGooglePoweredBy {
  display: none !important;
}

.directionsText {
  font       : 11px/13px tahoma,helvetica,sans-serif;
  text-align : justify;
  padding    : 2px 2px 7px 2px;
  color      : gray;
}

.x-btn-group-header {
  font : 11px/13px tahoma,helvetica,sans-serif;
}

.x-tot2ivn-vr-tab-panel {
  background-color : transparent !important;
}

.buttonText {
  font : 11px arial,tahoma,verdana,helvetica;
}

.olControlAttribution {
  font : 11px/13px tahoma,helvetica,sans-serif !important;
}

.x-menu .x-color-palette, .x-menu .x-date-picker {
  margin-left: 4px;
}

#mapMessagesButtonGroup {
  position : absolute;
  left     : 50px;
  top      : 3px;
  z-index  : 1004;
  visibility : hidden;
}

#mapMessagesHtml {
  font : 12px tahoma,helvetica,sans-serif;
  padding : 2px;
  text-align : center;
  background : white;
}

.mask td {
  font : 11px/13px tahoma,helvetica,sans-serif;
}

#oilSpillSummary td {
  padding : 3px;
  font : 11px arial,tahoma,verdana,helvetica;
  vertical-align : top;
}

#oilSpillLayersGridPanel .x-grid3-row {
  border-color   : #ffffff;
}
#oilSpillLayersGridPanel .x-grid3-row-over {
  background-color : transparent !important;
  background-image : url('img/blank.png');
  border-color     : transparent;
}
#oilSpillLayersGridPanel .x-grid3-cell-inner, .x-grid3-hd-inner {
  padding : 0px;
}
#oilSpillLayersGridPanel a:link {
  text-decoration : none;
  font            : 12px tahoma,helvetica,sans-serif;
  color           : #000000;
}
#oilSpillLayersGridPanel a:hover {
  color : rgb(74,134,214);
}
#oilSpillLayersGridPanel .x-grid3-row-selected {
  background-color : transparent !important;
}
#oilSpillLayersGridPanel .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
  background-image : url('img/blank.png');
}
#oilSpillLayersGridPanel .x-grid3-body .x-grid3-td-checker {
  background-image : url('img/blank.png');
}
#oilSpillLayersGridPanel .x-grid3-cell-inner, .x-grid3-hd-inner {
  padding-top : 4px;
}

#oilSpillLegendsGridPanel .x-grid3-row {
  border-color   : #ffffff;
}
#oilSpillLegendsGridPanel .x-grid3-row-over {
  background-color : transparent !important;
  background-image : url('img/blank.png');
  border-color     : transparent;
}
#oilSpillLegendsGridPanel .x-grid3-cell-inner, .x-grid3-hd-inner {
  padding : 0px;
}
#oilSpillLegendsGridPanel a:link {
  text-decoration : none;
  font            : 12px tahoma,helvetica,sans-serif;
  color           : #000000;
}
#oilSpillLegendsGridPanel a:hover {
  color : rgb(74,134,214);
}
#oilSpillLegendsGridPanel .x-grid3-row-selected {
  background-color : transparent !important;
}
#oilSpillLegendsGridPanel .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
  background-image : url('img/blank.png');
}
#oilSpillLegendsGridPanel .x-grid3-body .x-grid3-td-checker {
  background-image : url('img/blank.png');
}

#openOilSpillScenarioGridPanel .x-grid3-cell-inner, .x-grid3-hd-inner#reportsGridPanel .x-grid3-cell-inner, .x-grid3-hd-inner {
  padding : 4px 3px 4px 5px;
}
